﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>婚礼展示</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="../Scripts/jquery-1.7.2.js"></script>
    <!--    <script type="text/javascript" src="../Scripts/view/View.js"></script>
    <script type="text/javascript" src="../Scripts/Cookie.js"></script>
    <link type="text/css" rel="Stylesheet" href="../Styles/view/View.css" />
    <link type="text/css" rel="Stylesheet" href="../Styles/view/jwplayernew.css" />
    <link type="text/css" rel="Stylesheet" href="../Styles/view/CustomizeView.css" />
    <link type="text/css" rel="stylesheet" href="../Progect/PhotoManage/css/jquery.galleryview-3.0-dev.css" />
    <script type="text/javascript" src="../Scripts/view/jquery.blockUI.js"></script>
    <script type="text/javascript" src="../Progect/PhotoManage/js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="../Scripts/Cookie.js"></script>
    <script type="text/javascript" src="../Progect/PhotoManage/js/jquery.timers-1.2.js"></script>
    <script type="text/javascript" src="../Progect/PhotoManage/js/jquery.galleryview-3.0-dev.js"></script>
    <script type="text/javascript" src="../Scripts/view/jwplayer.js"></script>
    <script type="text/javascript" src="../Scripts/view/CustomizeView.js"></script>-->
    <script type="text/javascript" src="../Scripts/view/jquery.blockUI.js"></script>
    <script type="text/javascript">
        function funMessage() {
            $.blockUI({
                message: "请稍候",
                css: {
                    border: 'none',
                    padding: '15px',
                    backgroundColor: 'yellow',
                    width: "300px",
                    opacity: .5,
                    color: 'Red'
                }
            });
            setTimeout($.unblockUI, 2000);

        }
  
    </script>
    <style type="text/css">
        #sideBar
        {
            text-align: left;
            vertical-align: middle;
        }
        
        #sideBar ul
        {
            margin: 0px 0px 0px 0px;
            padding: 1px 0px 0px 0px;
            list-style-type: none;
            clear: left;
        }
        
        #sideBar li
        {
            padding: 6px 5px 5px 8px;
            list-style-type: none;
            font-family: Arial, Helvetica, sans-serif;
            color: Red;
            float: left;
        }
        
        #sideBar ul a
        {
            width: 100%;
        }
        
        #sideBar ul a:link, #sideBar ul a:visited, #sideBar h3 a:link, #sideBar h3 a:visited
        {
            font-size: 100%;
            text-decoration: none;
            display: block;
            margin: 2px 0px 0px 0px;
            padding: 4px 0px 0px 0px;
            width: 100%;
            color: Silver;
        }
        
        #sideBar a:hover
        {
            text-decoration: underline;
        }
        #sideBarContentsInner h3
        {
            text-decoration: underline;
            clear: left;
            font-family: Arial, Helvetica, sans-serif;
        }
        
        #sideBar
        {
            position: absolute;
            width: auto;
            height: auto;
            top: 50px;
            left: 0px;
            float: left;
        }
        
        #sideBarTab
        {
            float: left;
            position: relative;
            top: 300px;
            height: 137px;
            width: 28px;
            background-position: top right;
            background-repeat: repeat;
            background-color: #4bc6e5;
            z-index: 2;
        }
        
        #sideBarTab img
        {
            border: 0px solid #FFFFFF;
            z-index: 2;
        }
        #sideBarContentsInner
        {
            float: left;
            overflow: hidden !important;
            width: 360px;
            height: 590px;
            display: none;
            position: relative;
            z-index: 100; /* background-image: url(../../Images/View/rollOver.png);     background-repeat: repeat;*/
            background-color: #000;
            opacity: 0.8;
            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#A0000000', EndColorStr='#A0000000');
        }
        
        .shopcar
        {
            position: absolute;
            height: 26px;
            top: 7px;
            width: 118px;
            right: 50px;
            background-image: url(../Images/View/shopbg.png);
            background-repeat: no-repeat;
            text-align: center;
            vertical-align: middle;
            direction: ltr;
            text-indent: 7mm;
            line-height: 26px;
            cursor: pointer;
        }
        .car
        {
            top: 7px;
            z-index: 2;
        }
        .shopcarconection
        {
            position: absolute;
            top: 28px;
            right: 45px;
            background-color: #D0DEF0;
            width: 300px; /*padding: 2px;*/
            margin: 5px; /*控制窗口绝对定位*/
            display: none;
        }
        .shopcont
        {
            position: absolute;
            width: 296px;
            background-color: white;
            border: 2px solid #D0DEF0;
            padding: 2px;
            z-index: 2;
        }
        .shoptitle
        {
            padding: 4px;
            font-size: 14px;
        }
        .toptitle
        {
            font-size: large;
            font-family: Arial;
            position: absolute;
            top: 0;
            left: 2px;
            height: 53px;
            background-color: Silver;
            width: 99%;
            line-height: 32px;
            text-align: center;
            background-color: Red;
        }
        
        .pagecount
        {
            position: relative;
            top: 60px;
            z-index: 1;
        }
        .toptitle a
        {
            cursor: pointer;
        }
        .loading
        {
            position: fixed;
            display: none;
            top: 200px;
            background-color: Red;
            height: 200px;
            width: 500px;
            z-index: 20;
        }
    </style>
</head>
<body>
    <!-- <div id="sideBar">
        <div id="sideBarContentsInner">
        </div>
        <div id="sideBarTab">
            <a href="#">
                <img src="../Images/View/slide-button.gif" alt="sideBar" title="sideBar" /></a>
        </div>
    </div>
    <div class="toptitle">
        <a onclick="ChangePage('CustomizeView.aspx','2')">新人学堂</a> &nbsp;&nbsp;| &nbsp;&nbsp;<a
            onclick="ChangePage('CustomizeView.aspx','1')">喜来展示</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a
                onclick="ChangePage('CustomizeView.aspx','3')">喜来订制</a>&nbsp;&nbsp; |&nbsp;&nbsp;<a
                    onclick="ChangePage('CustomizeView.aspx','4')">酒店展示</a>&nbsp;&nbsp;|
        <a onclick="ChangePage('CustomizeView.aspx','6')">主题婚礼</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a
            href="../Login/index.html">进入后台管理</a>
    </div>
    <div class="car">
        <div class="shopcar">
            我的购物车
        </div>
        <div class="shopcarconection">
            <div class="shoptitle">
                所选择项目
            </div>
            <div class="shopcont">
                <table id="tb">
                </table>
            </div>
            <div>
            </div>
        </div>
    </div>
    <div class="pagecount">
    </div>
    <div id="loading" class="loading">
        数据加载中......
    </div>
    <div>
    </div>-->
    <div>
        <input id="btnOpen" type="button" value="Open" onclick="funMessage()" />
    </div>
</body>
</html>
